
@mixin bg-image($url) {
  background-image: url($url+"@2x.png");
  background-size: 100% auto;
  @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    background-image: url($url+"@3x.png");
  }
}


@mixin no-wrap() {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}


@mixin extend-click() {
  position: relative;
  &:before {
    content: '';
    position: absolute;
    top: -.10rem;
    left: -.10rem;
    right: -.10rem;
    bottom: -.10rem;
  }
}

@mixin ellipse () {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}